<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js" type="text/javascript"></script>
</head>
<body>
<div id="root">
    <h1>
        Hello,{{name}}
    </h1>
</div>

<script type="text/javascript">
    Vue.config.productionTip = false
    new Vue({
        //el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
        el : '#root',
        //data 用于存储数据，数据供el所指定的容器去使用，值 目前为一个对象。
        data: {
            name: 'Chaos'
        }
    });
</script>
</body>
</html>